<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="../../../css/all.css" rel="stylesheet" type="text/css" />
    <link href="../../../css/biz/report-dim-set.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="dim-setting">
<ul class="dim-setting-head">
    <li class="classification classification-focus"><span>普通维度</span></li>
    <li class="classification"><span>时间维度</span></li>
    <li class="classification"><span>回调维度</span></li>
    <li class="classification"><span>自定义维度</span></li>
</ul>
<div class="dim-setting-body">
<div class="dim-container-normal">
    <ul class="normal-column-names c-f">
        <li><span>主数据表</span></li>
        <li><span>主表字段</span></li>
        <li><span>关联数据表</span></li>
        <li><span>关联表字段</span></li>
    </ul>
    <div class="normal-main">
        <div class="normal-main-box c-f">
            <span class="cube-name">cube1</span>
            <span class="normal-cube-open"></span>
            <div class="normal-relation-container c-f">
                <div class="normal-relation-box">
                    <select name="" id="" class="normal-relation-box-select-fields mr-20"></select>
                    <span class="equal">=</span>
                    <select name="" id="" class="normal-relation-box-select-table mr-30" ></select>
                    <select name="" id="" class="normal-relation-box-select-fields mr-10"></select>
                    <span class="delete"></span>
                </div>
                <div class="normal-relation-box">
                    <span class="normal-broken-line"></span>
                    <select name="" id="" class="normal-relation-box-select-fields mr-20"></select>
                    <span class="equal">=</span>
                    <select name="" id="" class="normal-relation-box-select-table mr-30"></select>
                    <select name="" id="" class="normal-relation-box-select-fields mr-10"></select>
                    <span class="delete"></span>
                </div>
                <div class="normal-relation-box">
                    <span class="normal-broken-line"></span>
                    <select name="" id="" class="normal-relation-box-select-fields mr-20"></select>
                    <span class="equal">=</span>
                    <select name="" id="" class="normal-relation-box-select-table mr-30"></select>
                    <select name="" id="" class="normal-relation-box-select-fields mr-10"></select>
                    <span class="delete"></span>
                    <span class="add"></span>

                </div>
            </div>
        </div>
        <div class="normal-main-box c-f">
            <span class="cube-name">cube1</span>
            <span class="normal-cube-close"></span>
        </div>
    </div>
</div>


<div class="dim-container-date">
    <div class="date-main-box c-f">
        <span class="cube-name">cube1</span>
        <span class="straight-line"></span>
        <div class="date-relation-normal">
            <div class="first-part c-f">
                <span>选择被关联表：</span>
                <select name="" id=""> </select>
            </div>
            <div class="date-relation-normal-two-part c-f">
                <span>关联数据表：</span>
                <select name="" id=""></select>
                <span class="equal">=</span>
                <select name="" id="">
                    <option value="">测试</option>
                    <option value="">测试</option>
                </select>
            </div>
            <div class="date-relation-normal-three-part">
                <span class="date-relation-normal-three-part-name">日期格式：</span>
                <div class="date-relation-normal-three-part-box c-f">
                    <div class="date-relation-normal-three-part-box-date-format c-f">
                        <span>日&nbsp;&nbsp;&nbsp;</span>
                        <select name="" id=""></select>
                    </div>
                    <div class="date-relation-normal-three-part-box-date-format c-f">
                        <span>日&nbsp;&nbsp;&nbsp;</span>
                        <select name="" id=""></select>
                    </div>
                    <div class="date-relation-normal-three-part-box-date-format c-f">
                        <span>日&nbsp;&nbsp;&nbsp;</span>
                        <select name="" id=""></select>
                    </div>
                    <div class="date-relation-normal-three-part-box-date-format c-f">
                        <span>季度</span>
                        <select name="" id=""></select>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="date-main-box c-f">
        <span class="cube-name">cube1</span>
        <span class="straight-line"></span>
        <div class="date-relation-owner">
            <div class="date-relation-owner-first-part c-f">
                <span>选择被关联表：</span>
                <select name="" id=""> </select>
            </div>
            <div class="date-relation-owner-two-part c-f">
                <span>选择时间字段：</span>
                <select name="" id=""></select>
                <span>粒度：</span>
                <select name="" id="">
                    <option value="">测试</option>
                    <option value="">测试</option>
                </select>
                <span>粒度：</span>
                <select name="" id="">
                    <option value="">测试</option>
                    <option value="">测试</option>
                </select>
            </div>
        </div>
    </div>
</div>

<div class="dim-container-callback">
    <div class="callback-main-box c-f">
        <span class="cube-name">cube1</span>
        <span class="callback-cube-open"></span>
        <div class="callback-relation-container c-f">
            <div class="callback-relation-box">
                <div class="callback-relation-content">
                    <div class="first-part c-f">
                        <span>选择被关联表：</span>
                        <select name="" id=""> </select>
                    </div>
                    <div class="callback-relation-content-two-part c-f">
                        <span class="callback-address-name">填写回调地址：</span>
                        <input type="text" name="" id="" class="callback-address-input"/>
                                        <span class="callback-address-prompt">
                                            例如：http://10.46.133.66:8999/pfplat/callbackmock.action
                                        </span>
                    </div>
                    <div class="callback-relation-content-three-part c-f">
                        <span class="callback-cache-name">选取缓存类型：</span>
                        <div>
                            <input type="radio" class="callback-cache-type-right-input"/>
                            <label class="callback-cache-type-right-label">
                                无需缓存（数据量大，不推荐）
                            </label>
                        </div>
                        <div>
                            <input type="radio" class="callback-cache-type-right-input"/>
                            <label class="callback-cache-type-right-label">
                                在数据刷新后立刻刷新缓存
                            </label>
                        </div>
                        <div class="ml-89">
                            <input type="radio" class="callback-cache-type-right-input"/>
                                            <span class="callback-cache-type-right-label">间隔
                                            <input type="text" class="callback-cache-type-interval"/>
                                            秒刷新一次缓存</span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="callback-main-box c-f">
        <span class="cube-name">cube1</span>
        <span class="callback-cube-close"></span>
    </div>
</div>


<div class="dim-container-custom">
    <ul class="custom-column-names c-f">
        <li class="custom-column-main-table"><span>主数据表</span></li>
        <li class="custom-column-main-table-fields"><span>主表字段</span></li>
        <li class="custom-column-create-dim"><span>关联数据表</span></li>
    </ul>
    <div class="custom-main">
        <div class="custom-main-box c-f">
            <span class="cube-name">cube1</span>
            <span class="straight-line"></span>
            <div class="custom-main-table-fields-box">
                <ul>
                    <li>字段1</li>
                    <li>字段1</li>
                    <li>字段1</li>
                    <li>字段1</li>
                    <li>字段1</li>
                </ul>
            </div>
            <div class="custom-create-new-dim-container">
                <div class="custom-create-new-dim-box">
                    <div class="custom-create-new-dim-texts">
                        <input type="text" name="" id="" placeholder="请输入新维度的名称"/>
                        <textarea name="" id="" placeholder="请输入创建维度的逻辑语句"></textarea>
                                        <span>
                                        	<a href="#" class="a1"><img src="img/icon1.jpg" /></a>
                                            <a href="#" class="a2"><img src="img/icon2.jpg" /></a>
                                        </span>
                    </div>
                    <span class="delete"></span>
                </div>
                <div class="custom-create-new-dim-box">
                    <div class="custom-create-new-dim-texts">
                        <input type="text" name="" id="" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入"/>
                        <textarea name="" id="" placeholder="&nbsp;&nbsp;请输入"></textarea>
                    </div>
                    <span class="delete"></span>
                    <span class="add"></span>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="t-c mt-100">
    <span class="button button-flat-primary m-10">返回重新选择数据表</span>
    <span class="button button-flat-primary m-10">完成</span>
    <span class="button button-flat-primary m-10">取消</span>
</div>
</div>
</body>
</html>
